<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			[v-cloak]{
				display: none;
			}
		</style>
	</head>
	<body>
		<!-- 假设间隔1秒之后在家message ，此时，客户端显示就会出不友好的内容
		 
		 加上斗篷v-cloak 就可隐藏的作用，Vue加载完就会自动去掉属性
		 
		 但是后续一般也不会用到，只是知道有这个东西就行
		 -->
		<div id="app" v-cloak>
			{{message}}
		</div>
	</body>
	
	<script src="js/vue.js"></script>
	<script>
		setTimeout(function(){
			const app=new Vue({
				el:'#app',
				data:{
					message:'内容',
					movies:['海王','忍者','小王','大王'],
					curIndex:0,
					t1:'<a href="http://www.baidu.com">百度一下</a>'
				}
			})
			
		},1000);
		
		
	</script>
</html>
